<!DOCTYPE html>
<!--[if lt IE 7]>
<html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>
<html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>
<html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!-->
<html class="no-js"> <!--<![endif]-->
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>用户信息</title>
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="../static/css/normalize.css">
    <link rel="stylesheet" href="../static/css/font-awesome.css">
    <link rel="stylesheet" href="../static/css/bootstrap.min.css">
    <link rel="stylesheet" href="../static/css/templatemo-style.css">
    <script src="../static/js/vendor/modernizr-2.6.2.min.js"></script>
</head>
<body>
<!--[if lt IE 7]>
<p class="browsehappy">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade
    your browser</a> to improve your experience.</p>
<![endif]-->

<div class="site-bg"></div>
<div class="site-bg-overlay"></div>

<!-- TOP HEADER -->
<div class="top-header">
    <div class="container">
        <div class="row">
            <div class="col-md-6 col-sm-6 col-xs-12">
                <p class="phone-info">&ensp;联系我们TEL:<a href="#">114514114514</a></p>
            </div>
            <div class="col-md-6 col-sm-6 col-xs-12">
                <div class="social-icons">
                    <ul>
                        <li>
                            <a href="/index/" title="主页">
                                <svg class="bi bi-house-door" width="20" height="20" viewBox="0 0 16 16"
                                     fill="currentColor" xmlns="http://www.w3.org/2000/svg">
                                    <path fill-rule="evenodd"
                                          d="M7.646 1.146a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 .146.354v7a.5.5 0 0 1-.5.5H9.5a.5.5 0 0 1-.5-.5v-4H7v4a.5.5 0 0 1-.5.5H2a.5.5 0 0 1-.5-.5v-7a.5.5 0 0 1 .146-.354l6-6zM2.5 7.707V14H6v-4a.5.5 0 0 1 .5-.5h3a.5.5 0 0 1 .5.5v4h3.5V7.707L8 2.207l-5.5 5.5z"></path>
                                    <path fill-rule="evenodd"
                                          d="M13 2.5V6l-2-2V2.5a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5z"></path>
                                </svg></a>
                        </li>
                        <li><a href="#" title="QQ">
                            <!--qq-->
                            <svg class="Zi Zi--QQ Login-socialIcon" fill="#50c8fd" viewBox="0 0 24 24" width="20"
                                 height="20">
                                <path d="M12.003 2c-2.265 0-6.29 1.364-6.29 7.325v1.195S3.55 14.96 3.55 17.474c0 .665.17 1.025.281 1.025.114 0 .902-.484 1.748-2.072 0 0-.18 2.197 1.904 3.967 0 0-1.77.495-1.77 1.182 0 .686 4.078.43 6.29 0 2.239.425 6.287.687 6.287 0 0-.688-1.768-1.182-1.768-1.182 2.085-1.77 1.905-3.967 1.905-3.967.845 1.588 1.634 2.072 1.746 2.072.111 0 .283-.36.283-1.025 0-2.514-2.166-6.954-2.166-6.954V9.325C18.29 3.364 14.268 2 12.003 2z"
                                      fill-rule="evenodd"></path>
                            </svg>
                        </a></li>
                        <!--wx-->
                        <li><a href="#" title="微信">
                            <svg class="Zi Zi--WeChat Login-socialIcon" fill="#60c84d" viewBox="0 0 24 24" width="20"
                                 height="20">
                                <path d="M2.224 21.667s4.24-1.825 4.788-2.056C15.029 23.141 22 17.714 22 11.898 22 6.984 17.523 3 12 3S2 6.984 2 11.898c0 1.86.64 3.585 1.737 5.013-.274.833-1.513 4.756-1.513 4.756zm5.943-9.707c.69 0 1.25-.569 1.25-1.271a1.26 1.26 0 0 0-1.25-1.271c-.69 0-1.25.569-1.25 1.27 0 .703.56 1.272 1.25 1.272zm7.583 0c.69 0 1.25-.569 1.25-1.271a1.26 1.26 0 0 0-1.25-1.271c-.69 0-1.25.569-1.25 1.27 0 .703.56 1.272 1.25 1.272z"
                                      fill-rule="evenodd"></path>
                            </svg>
                        </a></li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</div> <!-- .top-header -->

<div class="container" id="page-content">
    <div class="row">
        <div class="col-md-9 col-sm-12 content-holder">
            <!-- CONTENT -->
            <div id="menu-container">
                <div class="logo-holder logo-top-margin">
                    <a href="#" class="site-brand"><img src="../static/image/logo1.jpg" alt=""></a>
                </div>
                <div id="menu-1" class="homepage home-section text-center">
                    <div class="welcome-text">
                        <h2>{{ name }},欢迎您来到<strong>溜转</strong></h2>
                        <p>如果您需要修改密码，请点击<a href="/editPassword/">这里</a>或者<a href="/logout/">注销</a>？</p>
                    </div>
                </div>

                <div id="menu-2" class="content about-section">
                    <div class="row">
                        <div class="col-md-8 col-sm-8">
                            <div class="box-content">
                                <h3 class="widget-title">输入上架商品的信息</h3>
                                <form class="contact-form" action="/onShelf/" method="post">
                                    {% csrf_token %}
                                    <fieldset>
                                        <input type="text" class="name" id="name" placeholder="商品名.." name="name"
                                               required="required">
                                    </fieldset>
                                    <fieldset>
                                        <input type="number" max="99999999" min="0" step="0.01" class="email" id="price"
                                               name="price"
                                               required="required"
                                               placeholder="价格..">
                                    </fieldset>
                                    <fieldset>
                                        <div class="form-group">
                                            <label for="exampleFormControlSelect1">类别选择</label>
                                            <select class="form-control" id="exampleFormControlSelect1" name="type"
                                                    required="required">
                                                <option value=""></option>
                                                <option value="clothes">衣服</option>
                                                <option value="book">图书</option>
                                                <option value="electronic">电子产品</option>
                                                <option value="other">其他</option>
                                            </select>
                                        </div>
                                    </fieldset>
                                    <fieldset>
                                        <input type="hidden" class="name" id="name" name="owner" value="{{ name }}">
                                    </fieldset>
                                    <fieldset>
                                        <textarea name="description" id="message" cols="30" rows="4"
                                                  placeholder="描述.."></textarea>
                                    </fieldset>
                                    <fieldset>
                                        <input type="submit" class="button" id="button" value="上架！！！">
                                    </fieldset>
                                </form>
                            </div>
                        </div>
                    </div>
                </div>

                <div id="menu-3" class="content gallery-section">
                    <div class="row">
                        <div class="col-md-8 col-sm-8">
                            <div class="box-content">
                                <h3 class="widget-title">输入下架商品的信息</h3>
                                <form class="contact-form" action="/downShelf/" method="post">
                                    {% csrf_token %}
                                    <fieldset>
                                        <input type="text" class="name" id="name" placeholder="商品名.." name="name"
                                               required="required">
                                    </fieldset>
                                    </fieldset>
                                    <fieldset>
                                        <input type="hidden" class="name" id="name" name="owner" value="{{ name }}"
                                               required="required">
                                    </fieldset>
                                    <fieldset>
                                        <input type="submit" class="button" id="button" value="下架QAQ">
                                    </fieldset>
                                </form>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>


        <div class="col-md-3 hidden-sm">
            <nav id="nav" class="main-navigation hidden-xs hidden-sm">
                <ul class="main-menu">
                    <li>
                        <a class="show-1 active homebutton" href="#"><i class="fa fa-user" aria-hidden="true"></i>信息</a>
                    </li>
                    <li>
                        <a class="show-2 aboutbutton" href="#"><i class="fa fa-shopping-cart"></i>上架</a>
                    </li>
                    <li>
                        <a class="show-3 projectbutton" href="#"><i class="fa fa-exclamation-circle"></i>下架</a>
                    </li>
                </ul>
            </nav>
        </div>
    </div>
</div>

<script src="../static/js/vendor/jquery-1.10.2.min.js"></script>
<script src="../static/js/plugins.js"></script>
<script src="../static/js/main.js"></script>
<!-- templatemo 439 rectangle -->
</body>
</html>